function ajaxPost(url, cb, data){
    data = data || {};
    let str = "";
    for(let i in data){
        str += `${i}=${data[i]}&`;
    }
    const xhr = new XMLHttpRequest();
    xhr.open("post", url, true);
    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xhr.send(str.slice(0,str.length-1));
    xhr.onload = function(){
        if(xhr.status === 200){
            cb(xhr.responseText);
        }
    }
}

function ajaxGet(url, cb, data){
    data = data || {};
    let str = "";
    for(let i in data){
        str += `${i}=${data[i]}&`;
    }
    url = url + "?" + str.slice(0,str.length-1)
    const xhr = new XMLHttpRequest();
    xhr.open("get", url, true);
    xhr.send();
    xhr.onload = function(){
        if(xhr.status === 200){
            cb(xhr.responseText);
        }
    }
}


// 需求：封装成一个ajax，通过参数：区分get或post请求
// ajax({
//     type: "get" || "post",
//     url: "",
//     success: function(){},
//     data:{}
// })
// 参数：对象，表示ajax的配置信息，对象内的属性有：
    // type: "get" || "post",       请求方式，可选
    // url: "",                     请求地址
    // success: function(){res},    请求成功后要执行的函数
    // data:{}                      请求时携带的数据，可选
function ajax(options){
    // 参数的处理
    let {type="get", url, data={}, success} = options;
    let str = "";
    for(let i in data){
        str += `${i}=${data[i]}&`;
    }
    if(type === "get") url = url + "?" + str.slice(0,str.length-1);
    const xhr = new XMLHttpRequest();
    xhr.open(type, url, true);
    if(type === "get"){
        xhr.send()
    }else{
        xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        xhr.send(str.slice(0,str.length-1));
    }
    xhr.onload = function(){
        if(xhr.status === 200){
            success(xhr.responseText);
        }
    }
}